<template>
	<view>
		 <view class="wrap"> 
			<u-form :model="form" ref="uForm">
				<u-form-item label="VIN码" label-width="150rpx">
					<u-input v-model="form.name" />
				</u-form-item>
				<u-form-item label="品牌车系" label-width="150rpx">
					<u-input v-model="form.name" />
				</u-form-item>
				<u-form-item label="车牌号码" label-width="150rpx">
					<u-input v-model="form.name" />
				</u-form-item>
				<u-form-item label="行驾里程" label-width="150rpx">
					<u-input v-model="form.name" />
				</u-form-item>
				<u-form-item label="上牌时间" label-width="150rpx">
					<u-input v-model="form.name" />
				</u-form-item>
				<view style="margin-top: 30rpx;">
					<u-form-item label="" label-width="150rpx">
						<u-radio-group>
							<u-radio>
								默认车辆
							</u-radio>
						</u-radio-group>
					</u-form-item>
				</view>
			</u-form>
		 </view> 
		 <view class="bottom-button">
			 <u-button type="primary" @click="ok()">确认</u-button>
		 </view>
	</view>

</template>

<script>
	export default {
		data() {
			return {
				scrollTop: 0,
				form: {}
			}
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},methods: {
			ok() {
				this.$u.toast('添加车辆');
			}
		}
	};
</script>

<style lang="scss" scoped>
	page {
		height: 100%;
		background-color: #f8f9fa;
	}
	.bottom-button {
		margin-top: 40rpx;
	}
	.wrap {
		width: 100%;
		height: 100%;
		margin-left: 30rpx;
		background-color: #F8F8F8;
	}
</style>
